<!--
 * @Description  : 
 * @Author       : 陈韵同
 * @Date         : 2021-03-18 16:52:43
 * @LastEditTime : 2021-03-18 16:53:56
 * @LastEditors  : 陈韵同
 * @FilePath     : e:\协同云组件库\新建文件夹 (2)\cloud-components\docs\pages\components\cloud-tree\example8.vue
-->
<template>
  <div>
    <CloudTree
      multiple
      default-expand-all
      @select="onSelect"
      @expand="onExpand"
    >
      <CloudTreeNode key="0-0" title="parent 0">
        <CloudTreeNode key="0-0-0" title="leaf 0-0" is-leaf />
        <CloudTreeNode key="0-0-1" title="leaf 0-1" is-leaf />
      </CloudTreeNode>
      <CloudTreeNode key="0-1" title="parent 1">
        <CloudTreeNode key="0-1-0" title="leaf 1-0" is-leaf />
        <CloudTreeNode key="0-1-1" title="leaf 1-1" is-leaf />
      </CloudTreeNode>
    </CloudTree>
  </div>
</template>

<script>
export default {
  title: '8.CloudTreeNode',
  data() {
    return {

    }
  },
  methods: {
    onSelect(keys, event) {
      console.log('Trigger Select', keys, event);
    },
    onExpand() {
      console.log('Trigger Expand');
    },
  }
}
</script>

<style lang="scss">
</style>